<?xml version='1.0' encoding='UTF-8' ?>
<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
<html xmlns="http://www.w3.org/1999/xhtml"
      xmlns:jsf="http://xmlns.jcp.org/jsf"
      xmlns:h="http://xmlns.jcp.org/jsf/html"
      xmlns:p="http://primefaces.org/ui">


    <head jsf:id="ssss">
        <title>SISTEMA DE SOCIOS</title>
        <link type="text/css" rel="stylesheet"
              href="#{request.contextPath}/resources/css/login.css" />
    </head>
    <body jsf:id="bodyz">
        
        <div id="container">
            <h:form >
                <p:growl autoUpdate="true"/>
                <div class="login">LOGIN</div>
                <div class="username-text">Usuario:</div>
                <div class="password-text">Contraseña:</div>
                <div class="username-field">
                    <h:inputText value="#{loginUserBean.userName}" 
                                 required="true" label="Usuario"/>
                </div>
                <div class="password-field">
                    <h:inputSecret value="#{loginUserBean.password}"
                                   required="true" label="Password"/>
                </div>
                <input type="checkbox" name="remember-me" id="remember-me" /><label for="remember-me">Remember me</label>
                <div class="forgot-usr-pwd">Forgot <a href="#">username</a> or <a href="#">password</a>?</div>
                <h:commandButton value="GO" action="#{loginUserBean.login()}"  >
                </h:commandButton>
            </h:form>
        </div>
        <div id="footer">
            CJava Perú
        </div>
    </body>
</html>
